<!-- 仓库记录 -->
<template>
  <div class="main-content-container">
    <div style="text-align:left; padding-top:20px">
      <Tabs v-model="status" :data="tabsName" @change="handleClick" />
    </div>
    <Warehousing v-if="tabsVal === 1" />
    <WriteDown v-if="tabsVal === 2" />
    <Inventory v-if="tabsVal === 3" />
  </div>
</template>
<script>
import Tabs from "@/components/SearchSelection";
import "@/assets/styles/common.scss";
import Warehousing from "./warehousing";
import WriteDown from "./writeDown";
import Inventory from "./inventory";
export default {
  name: "InventoryIndexs",
  components: {
    Tabs,
    Warehousing,
    WriteDown,
    Inventory,
  },
  data() {
    return {
      status: 1,
      tabsName: [
        { id: 1, name: "入库" },
        { id: 2, name: "冲减" },
        { id: 3, name: "盘点" },
      ],
      tabsVal: 1,
    };
  },
  methods: {
    handleClick(tab) {
      this.tabsVal = tab;
    },
  },
};
</script>
<style lang="scss" scoped>
</style>
